<section id="main-content">
  <section class="wrapper">
    <!--state overview end-->
    <div class="row">
      <div class="col-lg-12">
        <section class="panel">
          <header class="panel-heading">
            出差/公干计划
          </header>
          <div class="panel-body">
            <div class="bio-row">
              <p>
                <span>类型</span>{{type}}</p>
            </div>
              <div class="bio-row">
                  <p>
                      <span>出差单号</span>{{tripNum}}</p>
              </div>
            <div class="bio-row">
              <p>
                <span>申请人</span>{{userName}}</p>
            </div>
            <div class="bio-row">
              <p>
                <span>计划开始时间</span>{{planStime | date:'yyyy-MM-dd HH:mm:ss'}}</p>
            </div>
            <div class="bio-row">
              <p>
                <span>计划结束时间</span>{{planEtime | date:'yyyy-MM-dd HH:mm:ss'}}
              </p>
            </div>
            <div class="bio-row">
              <p>
                <span>已审批费用</span>￥{{totalBuget}}元
              </p>
            </div>
            <div class="bio-row">
              <p>
                <span>未审批费用</span>￥{{wspMoney}}元
              </p>
            </div>
            <div class="bio-row">
              <p>
                <span>实际开始时间</span>{{actualStarTime | date:'yyyy-MM-dd HH:mm:ss'}}</p>
            </div>
            <div class="bio-row">
              <p>
                <span>实际结束时间</span>{{actualEndTime | date:'yyyy-MM-dd HH:mm:ss'}}
              </p>
            </div>
          </div>
        </section>
        <section class="panel">
          <header class="panel-heading">
            出差项目
          </header>
          <div class="panel-body" ng-repeat="x in plans">
            <input type="hidden" value="{{x.id}}" id="planId"/>
            <div class="bio-row">
              <p>
                <span>出差单号</span>{{x.tripNum}}</p>
            </div>
            <div class="bio-row">
              <p>
                <span>出差项目</span>{{x.projName}}</p>
            </div>
            <div class="bio-row">
              <p>
                <span>随同人员</span>{{x.stUserName}}</p>
            </div>
            <div class="bio-row">
              <p>
                <span>计划出差时间</span>{{x.planStarTime | date:'yyyy-MM-dd HH:mm:ss'}}</p>
            </div>
            <div class="bio-row">
              <p>
                <span>计划出差时间</span>{{x.planEndTime | date:'yyyy-MM-dd HH:mm:ss'}}
              </p>
            </div>
            <div class="bio-row">
              <p>
                <span>出差城市</span>{{x.planCity}}
              </p>
            </div>
            <div class="bio-row">
              <p>
                <span>状态</span>{{x.planResult}}
              </p>
            </div>
            <div class="bio-row">
              <p>
                <span style="font-weight: bold;color: #002a80">实际出差时间</span>{{x.actualStarTime | date:'yyyy-MM-dd HH:mm:ss'}}</p>
            </div>
            <div class="bio-row">
              <p>
                <span style="font-weight: bold;color: #002a80">实际出差时间</span>{{x.actualEndTime | date:'yyyy-MM-dd HH:mm:ss'}}
              </p>
            </div>
            <div class="bio-row line-row">
              <p style="font-weight: bold;color: #002a80">工作计划</p>
              <p>{{x.planComments}}</p>
            </div>
            <div class="bio-row line-row">
              <p style="font-weight: bold;color: #002a80">出差结果</p>
              <p>{{x.tripResult}}</p>
            </div>
            <div class="bio-row" ng-repeat="b in x.bugetsl">
              <p>
                <span>{{b.bugetType}}</span>￥{{b.buget}}元
              </p>
            </div>
          </div>

        </section>
        <section class="panel">
          <div class="panel-body">
            <p class="default-buttons">
              <a href="javascript:void(0);" class="button-back btn btn-info" onclick="window.history.back()">返回</a>
              <a href="javascript:void(0);" class="button-next  btn btn-success btn-l10 agree">确认提交</a>
            </p>
          </div>
        </section>

        <section class="panel">
          <div class="panel-heading">
            审批记录
          </div>
          <div class="panel-body">
            <ul class="tp-ulst" id="containerUl">
              <li>
                <span>人员姓名</span><span>修改时间</span><span>处理结果</span>
              </li>
            </ul>
          </div>
        </section>
      </div>
    </div>
  </section>
</section>
<script src="js/trip/mgUserSpResult.js"></script>
<script src="js/trip/spNodeMain.js"></script>